<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style type="text/css">
    .input-group{
        margin:10px 0px;//输入框上下外边距为10px,左右为0px
    }
    h3{
        padding:5px;
        border-bottom:1px solid #ddd;//h3字体下边框
    }
    li{
        list-style-type:square;//列表项图标为小正方形
    margin:10px 0;//上下外边距是10px
    }
    em{//强调的样式
    color:#c7254e;
        font-style: inherit;
        background-color: #f9f2f4;
    }
</style>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<body>
<div class="row" style="margin-top:30px;">
    <div class="col-md-6" style="border-right:1px solid #ddd;">
        <div class="well col-md-6">
            <h3>用户登录</h3>
            <form th:action="@{/views/manager1/login}" class="form-horizontal center-pill html-editor-align-center" th:method="post"/>
            <div class="input-group input-group-md">
                <span class="input-group-addon"  ><i class="glyphicon glyphicon-user" aria-hidden="true"></i></span>
                <input type="text" name="manager_name" class="form-control" placeholder="用户名" >
            </div>
            <div class="input-group input-group-md">
                <span class="input-group-addon" ><i class="glyphicon glyphicon-lock"></i></span>
                <input type="password"name="manager_pwd" class="form-control" placeholder="密码" >
            </div>
            <button  type="submit" class="btn btn-success btn-block">
                登录
            </button>
            </form>
        </div>
    </div>

</div>

</body>
</html>